<template>
  <div>
        <!-- <ScaleBox> -->
      <!-- <div class="homePage"> -->
      <div class="header"></div>
      <div class="home_content">
        <div class="box">
          <p>fffff</p>
        </div>
        <!-- <left-container/> -->
        <!-- <center-container/>
        <right-container/> -->
      </div>
     <!-- </div>  -->
    <!-- </ScaleBox> -->
  </div>

</template>
<script>
import CenterContainer from '../components/CenterContainer.vue';
import LeftContainer from '../components/LeftContainer.vue';
import RightContainer from '../components/RightContainer.vue';
import ScaleBox from "../components/ScaleBox.vue";
export default {
  components: { ScaleBox, LeftContainer,RightContainer,CenterContainer },
  data() {
      return{}
    },
}
</script>
<style lang="less" scoped>
// .homePage{
//   width: 100%;
//   height: 100%;
//    background: url("../assets/images/background.png") no-repeat;
//   background-size: cover;
//   box-sizing: border-box;
// }
.header{
  width: 100%;
  height: 85px;
  background: url('../assets/images/Head.png') no-repeat;
  background-size: cover;
}
.home_content{
  display: flex;
  .box{
    width: 200px;
    height: 200px;
    background-color: #0d0d0d;
    p{
      color: rgb(198, 35, 35);
    }
  }
}
</style>